<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        Rang茶商城</title>
    <!--  引入初始化样式-->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入本页面样式 -->
    <link rel="stylesheet" href="./css/basePage.css">
    <!--  引入jquery文件-->
    <script src="./js/jquery.min.js"></script>
    <!-- 引入rem js文件 -->
    <script src="./js/flexible.js"></script>
    <!-- 引入公共js文件 -->
    <script src="./js/common.js"></script>
    <!-- 引入本页面js -->
    <script src="./js/base.js"></script>
</head>

<body>
    <!-- 头部导航栏 -->
    <header>
        <div class="logo">
            <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDQvZjc0MTI0MDFiMDZjZjdjYmI4OTg5MTBjMTE2YzZlNzYtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp"
                alt="">
        </div>
        <div class="headerbox">
            <ul>
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="about.html">关于</a>
                </li>
                <li>
                    <a href="tea.html">茶叶</a>
                </li>
                <li>
                    <a href="base.html">基地</a>
                </li>
                <li>
                    <a href="news.html">新闻</a>
                </li>
                <li>
                    <a href="relation.html">联系</a>
                </li>
            </ul>
        </div>
        <div class="right">
            <img class="searchbtn" src="./images/搜索.svg" alt="">
            <a class="loginBtg" href="./login.html">
                <img src="./images/用户.svg" alt="">
            </a>
            <div class="carBtn">
                <img src="./images/_购物车.svg" alt="">
                <span>0</span>
                <ul class="carLis">
                </ul>
            </div>
            <div class="loginBox">
                <ul>
                    <li>
                        <a href="./data.html">
                            <img src="images/用户-角色-用户名-单人_jurassic.svg" alt="">
                            个人资料
                        </a>
                    </li>
                    <li>
                        <a href="data.html">
                            <img src="images/48银行卡.svg" alt="">
                            我的订单
                        </a>
                    </li>

                    <li>
                        <a href="javascript:;" class="quitBtn">
                            <img src="images/关机.svg" alt="">
                            安全退出
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 搜索框 -->
    <div class="searchbox">
        <div class="search">
            <h5>搜索</h5>
            <input type="text" placeholder="请输入关键词" name="" id="">
            <div>
                <button class="notarize">确认</button>
                <button class="cancel">取消</button>
            </div>
        </div>
    </div>
    <!-- 内容模块 -->
    <div class="content">
        <img src="./images/base.webp" alt="" class="BigImg">
        <div class="q">
            <h2>种植基地</h2>
            <p>公司拥有完整、科学、质量管理体系，通过ISO14001，ISO22000国际质量体系认证，有机产品认证，拥有大量先进、专业的生产设备和检测仪器，秉承“顾客至上，锐意进取”的经营理念，坚持“客户第一”的原则为广大客户提供优质的服务。
            </p>
            <ul class="openLis">
                <li><img src="./images/base1.webp" alt=""></li>
                <li><img src="./images/base2.webp" alt=""></li>
                <li><img src="./images/base3.webp" alt=""></li>
                <li><img src="./images/base4.webp" alt=""></li>
                <li><img src="./images/base5.webp" alt=""></li>
                <li><img src="./images/base6.webp" alt=""></li>
                <li><img src="./images/base7.webp" alt=""></li>
                <li><img src="./images/base8.webp" alt=""></li>
            </ul>
        </div>
    </div>
    <div class="bigImgBox">
        <p><span class="bBStop">||</span><span class="bBClose">×</span></p>
        <ul class="bigSwiper">
            <li><img src="" alt=""></li>
        </ul>
        <div class="bigBoxlb">&lt;</div>
        <div class="bigBoxRb">&gt;</div>
        <div class="butLisBox">
            <ul class="smallSwiper">
                <li><img src="./images/base1.webp" alt=""></li>
                <li><img src="./images/base2.webp" alt=""></li>
                <li><img src="./images/base3.webp" alt=""></li>
                <li><img src="./images/base4.webp" alt=""></li>
                <li><img src="./images/base5.webp" alt=""></li>
                <li><img src="./images/base6.webp" alt=""></li>
                <li><img src="./images/base7.webp" alt=""></li>
                <li><img src="./images/base8.webp" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 尾部导航栏 -->
    <footer>
        <div class="main">
            <div class="n">
                <div class="relation">
                    <h2>联系</h2>
                    <p>Contact</p>
                </div>
                <div class="aboutus">
                    <h5>关于我们</h5>
                    <img src="./images/微信.svg" alt="">
                    <img src="./images/新浪微博.svg" alt="">
                </div>
                <div class="platform">
                    <h5>起飞页自助建站平台</h5>
                    <p>地址：苏州市建外SOHO东区2号楼</p>
                    <p>邮编：100000</p>
                    <p>电话：010-69557550</p>
                </div>
                <div class="yard">
                    <div>
                        <img src="./images/wx.webp" alt="">
                        <p>微信</p>
                    </div>
                    <div>
                        <img src="./images/wb.webp" alt="">
                        <p>微博</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="btntext">
            <div class="n">
                <p class="">
                    COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号</p>
            </div>
        </div>
    </footer>
    <!-- 右下角电梯 -->
    <div class="elevator">
    </div>
</body>

</html>